/** Add css rules here for your application. */

/** Example rules used by the template application (remove for your app) */
h1 {
    font-size: 2em;
    font-weight: bold;
    color: #777777;
    margin: 40px 0 70px;
    text-align: center;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
    width: 400px;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
    margin: 15px 6px 6px;
}

.baldaTextBox {
    width: 50px;
    height: 50px;
    text-align: center;
    background-color: #7fffd4;
    color: #a52a2a;
    font-size: XX-LARGE;
    font-weight: bold;
}

.baldaTextBoxShowMove {
    width: 50px;
    height: 50px;
    text-align: center;
    background-color: #7fff00;
    color: #a52a2a;
    font-size: XX-LARGE;
    font-weight: bold;
}

.digitTextBox {
    margin-left: 5px;
    margin-right: 3px;
    width: 30px;
    height: 20px;
    text-align: center;
    background-color: #7fffd4;
    color: #a52a2a;
    font-size: LARGE;
    font-weight: bold;
}

.findButton {
    background-color: #7fffd4;
    color: #a52a2a;
}

.newGameButton {
    background-color: #7fffd4;
    color: #a52a2a;
}

.addWordButton {
    background-color: #7fffd4;
    color: #a52a2a;
}

.languageButton {
    background-color: #7fffd4;
    color: #a52a2a;
}

.languageButtonActive {
    background-color: #6495ed;
    color: #a52a2a;
}

.pageLoadingIndicator {
    color: #8ab4b0;
    background-color: white;
    border: 1px solid #ccc;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}

.pageLoadingIndicator td {
    text-align: center;
    vertical-align: middle;
}

.resultPanel {
    margin: 3px 3px 3px 10px;
    border: 1px #dc143c;
    border-color: #dc143c;
    font-size: large;
    font-weight: bold;
}

.wordDescriptionPanel {
    margin: 3px 3px 3px 10px;
    width: 200px;
    font-size: medium;
}

.panelStylePlus {
    margin: 3px;
    border: 1px #dc143c;
    font-size: large;
    font-weight: bold;
    font-weight: bold;
    color: #006400;
}

.plusButton {
    margin-right: 3px;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: #7fff00;
    font-size: 15px;
    font-weight: bold;
}

.panelStyleMinus {
    margin: 3px;
    border: 1px #dc143c;
    font-size: large;
    font-weight: bold;
    font-weight: bold;
    color: red;
}

.minusButton {
    margin-right: 3px;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: red;
    font-size: 15px;
    font-weight: bold;
}

.clearButton {
    margin-right: 3px;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: aqua;
    font-size: 15px;
    font-weight: bold;
}

.fillFieldButton {
    margin-right: 3px;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: #ff8c00;
    font-size: 15px;
    font-weight: bold;
}

.fillFieldButtonDisabled {
    margin-right: 3px;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: #ffd700;
    font-size: 15px;
    font-weight: bold;
}

.infoButton {
    margin-right: 3px;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: #add8e6;
    font-size: 15px;
    font-weight: bold;
}
